<template>
    <div class="hong-bao">
   <el-row type="flex" justify="space-between">
     <el-col :span="12" class="left">
     
      <span class="left-big">3</span>
      <span class="left-small">个</span>
     <div>红包</div>
     </el-col>
      <el-col :span="12" class="right">
    <span class="right-big">100</span>
      <span class="right-small">个</span>
     <div>金币</div>
     </el-col>
   </el-row>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scope>
.hong-bao{
    text-align:center;
    color:#606266;
    bottom:0;
    width:100%;
    
}
.right{    margin-top: 14px; border-bottom: 1px solid #4323;}
.left{    margin-top: 14px;border-right: 1px solid #4323; border-bottom: 1px solid #4323;}
.left-big{font-size:30px;color:red;font-weight:bold}
.left-small{font-size:10px;color:red;}
.right-big{font-size:30px;color:green;font-weight:bold}
.right-small{font-size:10px;color:green;}

.hong-bao .el-col{
  text-align:center;height:74px
}

</style>